<template>
  <div id="app">
    <router-view v-if="isRouterAlive"/>
  </div>
</template>

<script>
export default {
  name: 'app',
  provide () {
    return{
      reload: this.reload
    }
  },
  data() {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    reload () {
      this.isRouterAlive = false
      this.$nextTick(function(){
        this.isRouterAlive = true
      })
    }
  }
}
</script>
<style>
* {
  padding: 0;
  margin: 0;
  list-style: none;
}
 body {
   padding: 0;
   margin:0 auto;
   min-width: 1000px;
   min-height: 500px;
 }
</style>
